<template>
	<view>
		<page-header backText="返回" showBack='true' title="修改昵称"></page-header> 
		<view class="Input m20">
			<input type="text" value="" placeholder="请输入昵称" placeholder-class="InputText" /> 
		</view>
		<text class="instructions">由4-20个字符组成,禁止使用特殊符号</text>
		<view class="btn">确定</view>
	</view>
</template>

<script>
	import pageHeader from "../../components/pageHeader.vue"
	export default { 
		components:{
			pageHeader
		},
	}
</script>

<style>
.m20{margin-top: 20px;}
.Input{
	height: 100px;
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 10px 30px;
}
.InputText{
	font-size: 30px;
	color: #a9a9a9;
}
.instructions{
	font-size: 26px;
	color: #a9a9a9;
	padding: 10px 30px;
}
.btn{
	width:90%;
	margin: 0 auto;
	text-align: center;
	font-size: 35px;
	color: #fff;
	background-color: #ff6e02;
	height: 100px;
	line-height: 100px;
	border-radius: 10px;
	margin-top: 190px;
} 
</style>
